const path = require("path");

module.exports = {
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "scss", // 自动引入 在当前每个页面中导入scss变量
      patterns: [path.resolve(__dirname, "src/assets/styles/common.scss")],
    },
  },
  // 配置 移动端适配  px2rem   --> postcss-plugin-px2rem  lib-flexible
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("postcss-plugin-px2rem")({
            rootValue: 37.5, // 表示设计稿的大小 375 ==> 37.5rem  750 ==> 75rem
            // 因为使用vant， vant使用的是375
            exclude: /node_modules/,
          }),
        ],
      },
    },
  },
};
